<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>

<%--    <style>--%>
<%--        #photoimg{--%>
<%--            width: 100px;--%>
<%--            height: 100px;--%>
<%--            border: 1px solid;--%>
<%--        }--%>
<%--    </style>--%>

<%--    <script src="<%=request.getContextPath()%>/js/jquery-3.3.1.min.js"></script>--%>

<%--    <script>--%>
<%--        $(function(){--%>

<%--            $("input[name='photo']").change(function(){--%>

<%--                var file=this.files[0];--%>

<%--                var reader=new FileReader();--%>

<%--                reader.readAsDataURL(file);--%>

<%--                console.log(reader);--%>

<%--                //文件读取完毕事件--%>
<%--                reader.onload=function(){--%>
<%--                    $("#photoimg").html("<img src='"+reader.result+"' style='width: 100px;height: 100px;'/>");--%>
<%--                };--%>



<%--            });--%>

<%--        });--%>
<%--    </script>--%>
<%--</head>--%>
<%--<body>--%>
<%--    <%@ include file="/emp/navigation.jsp"%>--%>

<%--    <h1>上传头像</h1>--%>

<%--    <hr/>--%>

<%--    <form action="<%=request.getContextPath()%>/uploadphoto.emp" method="post" enctype="multipart/form-data">--%>
<%--        <input type="hidden" name="id" value="<%=request.getParameter("id")%>"/>--%>
<%--        姓名：<input type="text" value="<%=request.getParameter("name")%>" readonly="readonly"/><br/>--%>
<%--        头像：<input type="file" name="photo" accept="image/*"/><br/>--%>
<%--        <div id="photoimg"></div>--%>
<%--        <input type="submit" value="上传"/>--%>
<%--    </form>--%>

<%--    <%--%>
<%--        String message= (String) request.getAttribute("message");--%>
<%--        if(message!=null){--%>
<%--            out.print(message);--%>
<%--        }--%>

<%--    %>--%>

<%--</body>--%>
<%--</html>--%>




<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

    <style>
        #photoimg{
            width: 100px;
            height: 100px;
            border: 1px solid;
        }
    </style>

    <script src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>

    <script>
        $(function(){

            $("input[name='photo']").change(function(){

                var file=this.files[0];

                var reader=new FileReader();

                reader.readAsDataURL(file);

                console.log(reader);

                //文件读取完毕事件
                reader.onload=function(){
                    $("#photoimg").html("<img src='"+reader.result+"' style='width: 100px;height: 100px;'/>");
                };



            });

        });
    </script>
</head>
<body>
    <%@ include file="/emp/navigation.jsp"%>

    <h1>上传头像</h1>

    <hr/>

    <form action="${pageContext.request.contextPath}/uploadphoto.emp" method="post" enctype="multipart/form-data">
        <input type="hidden" name="id" value="${param.id}"/>
        姓名：<input type="text" value="${param.name}" readonly="readonly"/><br/>
        头像：<input type="file" name="photo" accept="image/*"/><br/>
        <div id="photoimg"></div>
        <input type="submit" value="上传"/>
    </form>

    ${message}

</body>
</html>
